<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Tap</title>
  <style>
    button{
      height: 30px;
      width: 60px;
      cursor: pointer;
      border-radius:5px;
      box-shadow: 7px 6px 28px 1px rgba(0, 0, 0, 0.24);
      background-color: #0062ff;
      color: whitesmoke;
      border: none;
      cursor: pointer;
      outline: none;
      transition: 0.2s all;
    }
    button:hover{
        background: #5f9bfc;
    }
    button:active{
        background-color: #0062ff;
        transform: scale(0.96);
        box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
    }
  </style>

  <script>
    var MarioGold = new Audio("MarioGold.mp3")
    var clickNum = 0;
    function cli(){
      clickNum++
      if (clickNum%10 == 0){
        MarioGold.play()
        alert(clickNum + "次啦")
      }
    }
  </script>
</head>
<body>
    <button id="Tap" onclick="cli()" >点击</button>
</body>
</html>